@import './_function.less';
@import './_menuBar.less';
.header {
    .h(88);
    .bc(@mainColor);
    .pl(20);
    .pr(50);
    .back {
        .w(26);
        .h(45);
        background-image: url('../img/icon-back.png');
        .bs(26,
        45);
        .fl;
        .mt(22);
    }
    h2 {
        .fs(40);
        .c(@cW);
        .tc;
        .lh(88);
    }
}

.order-type {
    .h(80);
    .bc(@cW);
    display: flex;
    justify-content: space-around;
    a {
        .fs(30);
        .c(@c3f);
        .lh(80);
        .tdn;
        &.on {
            .c(@cr);
        }
    }
}

.main {
    .bc(@ce6);
}

.order-list {
    .oh;
    .pt(10);
    .pb(100);
    .list {
        .oh;
        .bc(@cW);
        .mb(10);
    }
    .order-id {
        .fs(24);
        .c(@c3f);
        border-bottom: 1px solid @ce6;
        .h(40);
        .lh(40);
        .pl(20);
        .pr(20);
    }
    .to-pay {
        .c(@cr);
        .fr;
    }
    .content {
        .oh;
        .p(20,
        20,
        20,
        20);
    }
    .desc {
        .h(200);
        .w(470);
        .fr;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    img {
        .fl;
        .w(198);
        .h(198);
        border: 1px solid @ce6;
    }
    .title {
        .fs(36);
        .c(@c3f);
        .lh(40);
        .h(100);
    }
    .spec-wrap {
        .h(40);
        .lh(40);
        .fs(24);
        .c(@c3f);
    }
    .spec {
        .fl;
        span {
            .mr(10);
        }
    }
    .num {
        .fr;
    }
    .price-wrap {
        .oh;
    }
    .price {
        .c(@cr);
        .fl;
    }
    .free {
        .fr;
    }
    .order-status {
        .oh;
        .h(40);
        .lh(40);
        .pl(20);
        .pr(20);
        .fs(24);
        .c(@c3f);
        border-top: 1px solid @ce6;
    }
    .date {
        .fl;
    }
    .btn-group {
        .fr;
    }
    .quit,
    .pay {
        .w(118);
        .h(28);
        .fs(24);
        .tc;
        .lh(28);
        .dib;
        .br(5);
    }
    .quit {
        border: 1px solid @ce6;
        .c(@c3f);
    }
    .pay {
        .bc(@cr);
        .c(@cW);
        border: 1px solid @cr;
    }
}